<template>
  <div>
    <!-- 组件表头 -->
    <s-header :name="'拼团专区'"></s-header>
    <!-- 中间内容区域 -->

    <!-- <div class="empty" v-if="!list.length"> -->
    <div class="empty">
      <van-icon name="smile-o" />
      <div class="title">拼团专区--空空如也</div>
      <van-button color="#1baeae" type="primary" @click="goTo" block
        >前往首页</van-button
      >
    </div>
  </div>
</template>

<script>
// import sHeader from "@/components/SimpleHeader";
import sHeader from "../../components/SimpleHeader.vue";

export default {
  components: {
    sHeader,
  },
  data() {
    return {};
  },
  methods: {
    goTo() {
      this.$router.push({ path: "home" });
    },
  },
};
</script>

<style lang="less" scoped >
.box-1 {
  font-size: 30px;
  padding: 100px 50px;
}
.empty {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  margin-top: 200px;
  .van-icon-smile-o {
    font-size: 50px;
  }
  .title {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
</style>